<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>理塘旅行社</title>
    <!--首页-->
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/public.css"/>
    <link rel="stylesheet" href="/css/index.css"/>
    <script src="/js/jquery-3.0.0.js"></script>
    <script src="/js/index.js"></script>

</head>
<body>
<div class="tour">
    <section class="tour-center">
        <h2>热门景点</h2>
        <p class="tour-p">国内旅游、长沙旅游、国外旅游、自助旅游、自驾旅游、油轮签证、主题旅游等各种最新热门旅游推荐</p>
    </section>

    <div th:each="item:${traList}">
        <div class="form-group" style="float:left" >
            <figure class="message">
                <div class="hide">
                    <div>
                        <a th:href="@{/travel/store(id=${item.traId})}" class="sat"><img th:src="@{'/imges/'+${item.traImg}}" class="img01"/></a>
                    </div>
                </div>
                <figcaption>
                    <strong class="title">[[${item.TraName}]]</strong >[[${item.TraIntraduce}]]
                </figcaption>
                <div class="type">[[${item.TraTitle}]]</div>
                <div>
                    <em class="sat">[[${item.TraStisficing}]]</em>
                    <span class="price"> ¥ <strong>[[${item.TraPrice}]]</strong> 起 </span>
                </div>
            </figure>
        </div>
    </div>


</div>
<footer class="footer">
    <div class="footer_top">
        <ul class="footer_ul">
            <li><p>合作伙伴</p></li>
            <li>途牛旅游网</li>
            <li>中国旅游网</li>
            <li>中国青年旅行社</li>
        </ul>
        <ul class="footer_ul">
            <li><p>旅游FAQ</p></li>
            <li>旅游合同签订方式？</li>
            <li>旅游的线路品质怎么界定的？</li>
            <li>长沙旅游有哪些？</li>
        </ul>
       
    </div>
    <div class="footer_bottom">
        <p>By PromiseT 理塘旅行社 | Copyright @ 2022</p>
    </div>
</footer>
</body>
</html>